<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>3조 게시판</title>
<style>
	body {
		font-family: '나눔고딕';
		font-size: 14px;
		font-weight: bold;
		margin-top: 100px;
		background-image: url('../images/main.jpg');
		background-size: 55% 57%;
	}
	
	input {
		font-family: '나눔고딕';
		font-size: 11px
	}
	
	a:link {
		color:red;
		text-decoration: none;
	}
	
	a:visited {
		color:red;
		text-decoration: none;
	}
	
	a:active {
		color:red;
		text-decoration: none;
	}
	
	#pos {
		width: 700px;
		height: auto;
	}
	
	.row{
			background-color: black;
		}
		
	.row:HOVER {
		background-color: blue;
	}
	.bl_btn{
		background-color: black;
		color: red;
		font-weight: bold;
		font-size: 15px;
	}
</style>
</head>
<body text="red">
	<!-- 구분 테이블 -->
	<div align=center>
		<div id='pos' style="border: 4px solid red;">
			<div style="background-color: black; width: 100%">
				<font style="font-family: '궁서체'; font-size: 50px; text-shadow: 3px 3px 1px white;">
					<b>*^*^* 미르메의 게시판 *^*^*</b>
				</font>
			</div>
			<table cellpadding="0" cellspacing="0" border="0" align='center' style="background-color: black; width: 100%">
				<tr height="1" bgcolor="white">
					<td colspan="6"></td>
				</tr>
				<tr height="1" bgcolor="blue">
					<td colspan="6"></td>
				</tr>
				<tr height='20'>
					<td colspan=5 align='center'>총 게시물 : 11개
					</td>
				</tr>
				<tr height="1" bgcolor="white">
					<td colspan="6"></td>
				</tr>
				<tr height="1" bgcolor="blue">
					<td colspan="6"></td>
				</tr>
				<tr height='30'>
					<td></td>
				</tr>
				<tr align='center'>
					<td width='10%'>번호</td>
					<td width='40%'>제목</td>
					<td width='10%'>작성자</td>
					<td width='20%'>작성일</td>
					<td width='10%'>좋아/싫어</td>
					<td width='10%'>조회수</td>
				</tr>
				<tr height="10" align="center">
				</tr>
				<tr height="1" bgcolor="black">
					<td colspan="6"></td>
				</tr>
				<tr height="1" bgcolor="blue">
					<td colspan="6"></td>
				</tr>
				<tr class="row"  height="25" align='center'>
					<td>11</td>
					<td><a href="#">3조짱!!!</a></td>
					<td>미르메</td>
					<td>2014-06-11</td>
					<td>4 - 4</td>
					<td>1</td>
				</tr>
				
				<tr height="10" align="center">
				</tr>
				
				<tr height="1" bgcolor="black">
					<td colspan="6"></td>
				</tr>
				
				<tr class="row"  height="25" align='center'>
					<td>10</td>
					<td><a href="#">3조짱!!!</a></td>
					<td>김진태</td>
					<td>2014-06-11</td>
					<td>4 - 4</td>
					<td>1</td>
				</tr>
				<tr height="10" align="center">
				</tr>
				<tr height="1" bgcolor="black">
					<td colspan="6"></td>
				</tr>
				
				<tr class="row"  height="25" align='center'>
					<td>9</td>
					<td><a href="#">3조짱!!!</a></td>
					<td>박현정</td>
					<td>2014-06-11</td>
					<td>4 - 4</td>
					<td>1</td>
				</tr>
				<tr height="10" align="center">
				</tr>
				<tr height="1" bgcolor="black">
					<td colspan="6"></td>
				</tr>
				<tr class="row"  height="25" align='center'>
					<td>7</td>
					<td><a href="#">3조짱!!!</a></td>
					<td>오한샘</td>
					<td>2014-06-11</td>
					<td>4 - 4</td>
					<td>1</td>
				</tr>
				<tr height="10" align="center">
				</tr>
				<tr height="1" bgcolor="black">
					<td colspan="6"></td>
				</tr>
				<tr class="row"  height="25" align='center'>
					<td>5</td>
					<td><a href="#">3조짱!!!</a></td>
					<td>최규석</td>
					<td>2014-06-11</td>
					<td>4 - 4</td>
					<td>1</td>
				</tr>
				<tr height="10" align="center">
				</tr>
				<tr height="1" bgcolor="black">
					<td colspan="6"></td>
				</tr>
				<tr class="row"  height="25" align='center'>
					<td>4</td>
					<td><a href="#">3조짱!!!</a></td>
					<td>최은규</td>
					<td>2014-06-11</td>
					<td>4 - 4</td>
					<td>1</td>
				</tr>
				<tr height="10" align="center">
				</tr>
				<tr height="1" bgcolor="white">
					<td colspan="6"></td>
				</tr>
				
				<tr height="1" bgcolor="blue">
					<td colspan="6"></td>
				</tr>
			</table>

			<!-- 구분 버튼 -->
			<table cellpadding="0" cellspacing="0" border="0" style="background-color: black;">
				<tr align="right" height="50">
					<td width="100%">
						<input type=button value="내글보기" OnClick="#" class="bl_btn">
						<input type=button value="글쓰기" OnClick="#" class="bl_btn">
					</td>
				</tr>
				<tr height="1" bgcolor="blue">
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr height = '10'><td></td></tr>
			</table>
			<table width="100%" style="background-color: black;">
				<tr>
					<td><a href ='#' style="color: white;">1</a></td>
					<td><a href ='#' style="color: white;">2</a></td>
					<td><a href ='#' style="color: white;">3</a></td>
					<td><a href ='#' style="color: white;">4</a></td>
					<td><a href ='#' style="color: white;">5</a></td>
				</tr>
			</table>
		</div>
	</div>
</body>
</html>